﻿<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!-- 移动设备 viewport -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <!-- 禁止搜索引擎抓取 -->
    <meta name="robots" content="nofollow">
    <!-- 禁止百度SiteAPP转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Safari浏览器添加到主屏幕（IOS） -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="">
    <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    <title>HzyAdmin</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="libs/fontawesome-free-5.9.0-web/css/all.min.css" rel="stylesheet" />
    <link href="libs/metismenu-master/metisMenu.min.css" rel="stylesheet" />
    <link href="libs/web-icons-master/css/web-icons.css" rel="stylesheet" />
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />
    <link href="css/main.css" rel="stylesheet" />
    <!--js-->
    <script src="js/router.js"></script>
    <script src="libs/jquery/jquery-3.2.1.min.js"></script>
    <script src="libs/jquery-mousewheel/jquery.mousewheel.min.js"></script>
    <script src="libs/bootstrap-master/dist/js/bootstrap.bundle.min.js"></script>
    <script src="libs/metismenu-master/metisMenu.min.js"></script>
    <script src="js/main.js"></script>
</head>

<body>

    <div class="hzy-container" id="hzy-container">
        <header class="hzy-header-skin-blue">
            <div class="hzy-header-left">
                <ul>
                    <!--fas fa-indent-->
                    <li class="hzy-headerhover" onclick="hzy.menu.toggle();"><a href="javascript:void(0)"><i class="fas fa-outdent"></i></a></li>
                    <li class="hzy-headerhover hzy-logo"><a>HzyAdmin</a></li>
                </ul>
            </div>
            <div class="hzy-header-right d-none d-lg-block">
                <ul>
                    <li class="hzy-headerhover" onclick="hzy.tabs.refreshActive();"><a href="javascript:void(0)"><i class="fas fa-undo"></i></a></li>
                    <li class="hzy-headerhover" onclick="$('#examplePositionSidebar').modal()"><a href="javascript:void(0)"><i class="fas fa-layer-group"></i></a></li>
                    <!--fa fa-compress-->
                    <li class="hzy-headerhover"><a href="javascript:void(0)" onclick="hzy.fullScreen.handleFullScreen(this)"><i class="fas fa-expand"></i></a></li>
                    <li class="hzy-headerhover"><a href="login.html"><span>登录人：&nbsp;管理员</span><i class="fas fa-sign-out-alt"></i></a></li>
                </ul>
            </div>
            <div class="hzy-header-right d-lg-none">
                <ul>
                    <li class="hzy-headerhover"><a href="javascript:void(0)"><i class="fas fa-sign-out-alt"></i></a></li>
                </ul>
            </div>
        </header>
        <main>
            <!--menu 菜单-->
            <nav class="hzy-menu sidebar-nav sidebar-nav-max">
                <ul class="metismenu" id="adminMenu">
                    <li class="mm-active">
                        <a class="has-arrow" href='javascript:;' aria-expanded="true">
                            <i class="fas fa-tachometer-alt"></i><span>控制台</span>
                        </a>
                        <ul class="mm-collapse mm-show">
                            <li hzy-router="#!首页#!views/home.html">
                                <a href="javascript:;">
                                    <i class=""></i><span>首页</span>
                                </a>
                            </li>
                            <li hzy-router="#!用户管理#!views/userinfo.html">
                                <a href="javascript:;">
                                    <i class=""></i><span>用户管理</span>
                                </a>
                            </li>
                            <li hzy-router="#!百度一下#!https://www.baidu.com">
                                <a href="javascript:;">
                                    <i class=""></i><span>百度一下</span>
                                </a>
                            </li>
                            <li hzy-router="#!Vue.js#!https://cn.vuejs.org/">
                                <a href="javascript:;">
                                    <i class=""></i><span>Vue.js</span>
                                </a>
                            </li>
                            <!-- <li hzy-router="#!消息框#!libs/toastr-master/demo.html">
                                <a href="javascript:;">
                                    <i class=""></i><span>消息框</span>
                                </a>
                            </li> -->
                        </ul>
                    </li>
                    <li>
                        <a class="has-arrow" href="javascript:;" aria-expanded="false">
                            <i class="fas fa-fw fa-desktop"></i><span>按钮/表单/表格</span>
                        </a>
                        <ul class="mm-collapse">
                            <li hzy-router="#!按钮#!views/buttons/index.html">
                                <a href="javascript:;"><i class=""></i><span>按钮</span></a>
                            </li>
                            <li hzy-router="#!表格#!views/tables/index.html">
                                <a href="javascript:;"><i class=""></i><span>表格</span></a>
                            </li>
                            <li hzy-router="#!基本表单#!views/forms/index.html">
                                <a href="javascript:;"><i class=""></i><span>基本表单</span></a>
                            </li>
                            <li hzy-router="#!质感表单#!views/forms/index1.html">
                                <a href="javascript:;"><i class=""></i><span>质感表单</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="has-arrow" href="javascript:;" aria-expanded="false">
                            <i class="fas fa-database"></i><span>基础页面</span>
                        </a>
                        <ul class="mm-collapse">
                            <li hzy-router="#!模态框#!views/modals/index.html">
                                <a href="javascript:;"><i class=""></i><span>模态框</span></a>
                            </li>
                            <li hzy-router="#!面板#!views/panel/index.html">
                                <a href="javascript:;"><i class=""></i><span>面板</span></a>
                            </li>
                            <li hzy-router="#!选项卡#!views/tabs-accordions/index.html">
                                <a href="javascript:;"><i class=""></i><span>选项卡</span></a>
                            </li>
                            <li hzy-router="#!矢量图标#!views/icons/index.html">
                                <a href="javascript:;"><i class=""></i><span>矢量图标</span></a>
                            </li>
                            <li hzy-router="#!两栏式布局#!views/two-columns/index.html">
                                <a href="javascript:;"><i class=""></i><span>两栏式布局</span></a>
                            </li>
                            <li hzy-router="#!步骤#!views/step/index.html">
                                <a href="javascript:;"><i class=""></i><span>步骤</span></a>
                            </li>
                            <li hzy-router="#!颜色搭配#!views/colors/index.html">
                                <a href="javascript:;"><i class=""></i><span>颜色搭配</span></a>
                            </li>
                            <li hzy-router="#!辅助类#!views/utilities/index.html">
                                <a href="javascript:;"><i class=""></i><span>辅助类</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="has-arrow" href="javascript:;" aria-expanded="false">
                            <i class="fas fa-bars"></i><span>多级菜单示例</span></a>
                        <ul class="mm-collapse">
                            <li><a href="javascript:;">item 1.1</a></li>
                            <li><a href="javascript:;">item 1.2</a></li>
                            <li>
                                <a class="has-arrow" href="javascript:;" aria-expanded="false">Menu 1.3</a>
                                <ul class="mm-collapse">
                                    <li><a href="javascript:;">item 1.3.1</a></li>
                                    <li><a href="javascript:;">item 1.3.2</a></li>
                                    <li><a href="javascript:;">item 1.3.3</a></li>
                                    <li><a href="javascript:;">item 1.3.4</a></li>
                                </ul>
                            </li>
                            <li><a href="javascript:;">item 1.4</a></li>
                            <li>
                                <a class="has-arrow" href="javascript:;" aria-expanded="false">Menu 1.5</a>
                                <ul class="mm-collapse">
                                    <li><a href="javascript:;">item 1.5.1</a></li>
                                    <li><a href="javascript:;">item 1.5.2</a></li>
                                    <li><a href="javascript:;">item 1.5.3</a></li>
                                    <li><a href="javascript:;">item 1.5.4</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <section class="hzy-main-right">
                <!--tabs 选项卡-->
                <nav class="d-none d-lg-block">
                    <div class="hzy-left-btn" onclick="hzy.tabs.goLeft(this)"><i class="fa fa-chevron-left"></i></div>
                    <div class="hzy-center-menu">
                        <!--横向导航-->
                        <ul>
                            <li class="selected" hzy-router="#!首页#!views/home.html">首页</li>
                        </ul>
                    </div>
                    <div class="hzy-right-btn" onclick="hzy.tabs.goRight(this)"><i class="fa fa-chevron-right"></i></div>
                    <div class="btn-group dropdown pull-left" id="hzy-tools">
                        <button type="button" class="btn btn-outline btn-default dropdown-toggle height-full hzy-navTab-more" id="exampleBulletDropdown2" data-toggle="dropdown" aria-expanded="false"></button>
                        <div class="dropdown-menu dropdown-menu-bullet dropdown-menu-right" aria-labelledby="exampleBulletDropdown2" role="menu" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-135px, 39px, 0px);">
                            <a class="dropdown-item" href="javascript:;" role="menuitem" onclick="hzy.tabs.closeOther()">
                                <i class="fas fa-times"></i> 关闭其他
                            </a>
                            <a class="dropdown-item" href="javascript:;" role="menuitem" onclick="hzy.tabs.closeAll()">
                                <i class="fas fa-power-off"></i> 关闭所有
                            </a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="javascript:;" role="menuitem" onclick="hzy.tabs.refreshActive()">
                                <i class="fas fa-undo"></i> 刷新当前
                            </a>
                        </div>
                    </div>
                </nav>
                <!--html 承载容器-->
                <content>

                </content>
            </section>
        </main>

    </div>

    <!--皮肤模态框-->
    <div class="modal fade" id="examplePositionSidebar" aria-hidden="true" aria-labelledby="examplePositionSidebar" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-sidebar modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">皮肤设置</h3>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">顶部颜色：</label>
                            <div class="row">
                                <div class="col-sm-12 hzy-skin hzy-header-skin-blue" onclick="hzy.header.setSkin('hzy-header-skin-blue')"></div>
                                <div class="col-sm-12 hzy-skin hzy-header-skin-white" onclick="hzy.header.setSkin('hzy-header-skin-white')"></div>
                            </div>

                        </div>
                        <div class="form-group">
                            <label for="exampleInputEmail1">左侧菜单颜色：</label>
                            <div class="row">
                                <div class="col-sm-12 hzy-skin hzy-skin-default" onclick="hzy.menu.setSkin(hzy.menu.mSkin.default)"></div>
                                <div class="col-sm-12 hzy-skin hzy-skin-white" onclick="hzy.menu.setSkin(hzy.menu.mSkin.white)"></div>
                            </div>

                        </div>
                    </form>
                </div>
                <!-- <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-block" data-dismiss="modal">  关闭 </button>
                </div> -->
            </div>
        </div>
    </div>


    <script type="text/javascript">
        //js路由初始化
        hzyRouter.init(function() {
            hzy.menu.domObject = $('#adminMenu').metisMenu();
            //admin 初始化
            hzy.settings.isIframe = false;
            hzy.init();
            //默认首页
            if (!top.window.location.hash) hzy.loadPage('views/home.html');
            $('#hzy-tools > .dropdown-toggle').dropdown();
        });
    </script>
</body>

</html>